<!DOCTYPE html>
<html>
    <body>
        <head>
            <meta charset="utf-8">
            <title>在线压缩图片,在线无损压缩图片</title>
            <link rel="stylesheet" type="text/css" href="static/css/global.min.css"/>
            <link rel="stylesheet" type="text/css" href="static/css/common.css"/>
            <link rel="stylesheet" type="text/css" href="static/css/zui.uploader.min.css"/>
        </head>
        <div class="container t-small-margin">
            <h1 class="font-18 v-big-margin no-padding-v">图片压缩工具</h1>
            <!--  start 各个模块代码 -->
            <div class="t-big-margin">
                <div id="uploaderCompress" class="uploader no-margin-b clear-both">
                    <div class="file-list mini-radius" data-drag-placeholder="请拖拽本地文件到此处"></div>
                    <button type="button" class="btn btn-primary uploader-btn-browse float-left" id="compressBtn"
                            data-loading-text="图片上传中...">
                        选择图片
                    </button>
                    <div class="input-group" id="upload-container">
                        <span class="input-group-addon">0%</span>
                        <div class="form-control">
                            <input id="range" type="range" class="width-100" min="0" max="100" value="60"/>
                        </div>
                        <span class="input-group-addon">100%</span>
                    </div>
                    <p class="compress-p no-margin-b">压缩率<span id="rv">60%</span></p>
                </div>

            </div>
            <div class="compress-img-box">
                <div id="info1"></div>
                <div id="content"></div>
            </div>

        </div>
        <script src="static/js/global.min.js" type="text/javascript" charset="utf-8"></script>
        <script src="static/js/zui.uploader.min.js"></script>
        <script src="static/js/compress.js"></script>
        <script src="static/js/lrz.bundle.js"></script>
    </body>
</html>